import {
  locationMap,
  accountStaMap,
  accountRoleMap
} from '@/config/dict'

export const queryFormItem = changeLocation => {
  return [
    {
      type: 'select',
      key: 'accountType',
      // label: '所在地',
      options: locationMap,
      otherAttrs: {
        style: {
          width: '95px'
        },
        placeholder: '所在地'
      },
      slotListeners: {
        change: changeLocation
      }
    },
    {
      type: 'select',
      key: 'deptId',
      // label: '所属部门',
      options: [],
      otherAttrs: {
        style: {
          width: '170px'
        },
        placeholder: '所属部门'
      }
    },
    {
      type: 'select',
      key: 'status',
      // label: '状态',
      options: accountStaMap,
      otherAttrs: {
        style: {
          width: '100px'
        },
        placeholder: '状态'
      }
    },
    {
      type: 'input',
      key: 'keyword',
      // label: '请输入姓名或帐号',
      otherAttrs: {
        style: {
          width: '160px'
        },
        placeholder: '请输入手机号姓名'
      }
    }
  ]
}

// 处理所在地
// 1=总部 2=区域 3=项目
// const formatAccountType = scope => {
//   let accountValue = ''
//   switch (scope.row.accountType) {
//     case 1:
//       accountValue = '总部'
//       break
//     case 2:
//       accountValue = '区域'
//       break
//     case 3:
//       accountValue = '项目'
//       break
//     default:
//       break
//   }
//   return accountValue
// }
// 格式化所属角色
// 1=超级管理员 2=管理员 3=普通用户
// const formatRoleType = scope => {
//   let accountValue = ''
//   switch (scope.row.roleType) {
//     case 1:
//       accountValue = '超级管理员'
//       break
//     case 2:
//       accountValue = '管理员'
//       break
//     case 3:
//       accountValue = '普通用户'
//       break
//     default:
//       break
//   }
//   return accountValue
// }
// 格式化 状态
// 状态: 1=有效 2=停用
const formatStatus = scope => {
  const result = {
    value: '',
    color: ''
  }
  switch (scope.row.status) {
    case 1:
      result.value = '有效'
      break
    case 2:
      result.value = '停用'
      result.color = '#a8a8a8'
      break
    default:
      break
  }
  return result
}
// const formatLocation = scope => {
//   const result = ''
//   switch (scope.row.accountType) {
//     case 1:
//       result = '有效'
//       break
//     case 2:
//       result = '停用'
//       result = '#a8a8a8'
//       break
//     default:
//       break
//   }
//   return result
// }
export const tableColumn = (page, size) => {
  return [
    {
      key: 'deptName',
      label: '部门',
      minWidth: 180
    },
    {
      key: 'name',
      label: '姓名',
      minWidth: 100
    },
    {
      key: 'account',
      label: '账号',
      minWidth: 120
    },
    {
      key: 'accountType',
      label: '所在地',
      minWidth: 80
    },
    {
      key: 'roleType',
      label: '角色',
      minWidth: 120
    },
    {
      key: 'status',
      label: '状态',
      minWidth: 60,
      render: (h, scope) => (
        <span style={'color:' + formatStatus(scope).color}>
          {formatStatus(scope).value}
        </span>
      )
    }
    // {
    //   key: 'createTime',
    //   label: '创建时间',
    //   minWidth: 160,
    //   render: (h, scope) => (
    //     <span style={'color:' + formatStatus(scope).color}>
    //       {scope.row.createTime}
    //     </span>
    //   )
    // }
  ]
}

export const updateFormItem = (
  changeLocation,
  // changeDataRightType,
  handleBusinessScope,
  dataRightTypeDisabled,
  passwordFocus
) => {
  return [
    {
      type: 'input',
      key: 'name',
      label: '姓名',
      col: 12,
      required: true,
      slotAttrs: {
        style: {
          width: '248px'
        },
        size: 'small'
      }
    },
    {
      type: 'input',
      key: 'phone',
      label: '手机',
      required: true,
      col: 12,
      rules: [
        { required: true, message: '请输入电话号', trigger: 'blur' },
        { min: 10, max: 20, message: '请输入有效的电话号', trigger: 'blur' }
      ],
      slotAttrs: {
        style: {
          width: '248px'
        },
        size: 'small',
        type: 'number'
      }
    },
    {
      type: 'input',
      key: 'account',
      label: '账号',
      required: true,
      col: 12,
      slotAttrs: {
        style: {
          width: '248px'
        },
        size: 'small'
      }
    },
    {
      type: 'input',
      key: 'password',
      label: '密码',
      required: true,
      col: 12,
      slotAttrs: {
        style: {
          width: '248px'
        },
        size: 'small',
        type: 'password'
      },
      slotListeners: {
        input: passwordFocus
      }
    },
    {
      type: 'select',
      key: 'roleType',
      label: '所属角色',
      required: true,
      col: 12,
      slotAttrs: {
        options: accountRoleMap,
        style: {
          width: '248px'
        },
        size: 'small'
      }
    },
    {
      type: 'select',
      key: 'accountType',
      label: '所在地',
      required: true,
      col: 12,
      slotAttrs: {
        options: locationMap,
        style: {
          width: '248px'
        },
        size: 'small'
      },
      slotListeners: {
        change: changeLocation
      }
    },
    {
      type: 'select',
      key: 'deptId',
      label: '所属部门',
      required: true,
      col: 12,
      slotAttrs: {
        options: [],
        style: {
          width: '248px'
        },
        size: 'small'
      }
    }
    // {
    //   type: 'select',
    //   key: 'dutyId',
    //   label: '职务',
    //   col: 12,
    //   slotAttrs: {
    //     options: [],
    //     style: {
    //       width: '248px'
    //     },
    //     size: 'small'
    //   }
    // },
    // {
    //   type: 'select',
    //   key: 'orgId',
    //   label: '所属机构',
    //   required: true,
    //   col: 12,
    //   slotAttrs: {
    //     options: departmentMap,
    //     style: {
    //       width: '248px'
    //     },
    //     size: 'small'
    //   }
    // },
    // {
    //   type: 'input',
    //   key: 'underdeptNames',
    //   label: '业务范围',
    //   // required: true,
    //   col: 24,
    //   slotAttrs: {
    //     style: {
    //       width: '627px'
    //     },
    //     size: 'small',
    //     disabled: true,
    //     placeholder: '请点击右侧图标选择部门',
    //     slots: [
    //       {
    //         labelName: 'button',
    //         icon: 'el-icon-s-tools',
    //         name: 'append',
    //         disabled: true,
    //         listen: {
    //           click: handleBusinessScope
    //         }
    //       }
    //     ]
    //   }
    // },
    // {
    //   type: 'radio',
    //   key: 'status',
    //   label: '状态',
    //   required: true,
    //   col: 24,
    //   slotAttrs: {
    //     options: accountStaMap,
    //     style: {
    //       width: '60%'
    //     },
    //     size: 'small'
    //   }
    // },
    // {
    //   type: 'radio',
    //   key: 'dataRightType',
    //   label: '指标权限',
    //   // required: true,
    //   col: 24,
    //   slotAttrs: {
    //     options: dataAuthorityMap,
    //     style: {
    //       width: '60%'
    //     },
    //     size: 'small',
    //     disabled: dataRightTypeDisabled
    //   },
    //   slotListeners: {
    //     change: changeDataRightType
    //   }
    // }
  ]
}
